<template>
  <div class="tesxt">
    <span>dashoard</span>
    <p></p>
    <el-button type="primary" size="default" @click="handle">+</el-button>
    <p></p>
    <svg-icon
      icon-name="ant-design:apple-filled"
      :class-name="red"
      @click="handle"
    ></svg-icon>
  </div>
</template>

<script setup lang="ts">
import { ElMessage } from 'element-plus'

const red = ref<string>('')
const handle = () => {
  ElMessage('This is a message')
  red.value = 'text-red'
}
</script>

<style scoped lang="scss">
.tesxt {
  font-size: 36px;
}
</style>
